
		<!-- MAIN -->
	
		<div class="main">
			<!-- MAIN CONTENT -->
			<div class="main-content">
				<div class="container-fluid">
					<h3 class="page-title">Tables</h3>
					<div class="row">
					
						<div class="col-md-12">
							<!-- BASIC TABLE -->
							<div class="panel">
								<div class="panel-heading">
									<h3 class="panel-title">Basic Table</h3>
								</div>
							
								<div> 
				   <form action="" method="post">
					<select>
					<option>请选择</option>
					<option value="2">删除</option>
					<option value="1">审核</option>
					</select>
					<label><input type="checkbox" class="all">全选</label>


					<input class="submit_btn" type="submit" value="提交">

					<input type="button" class="add_line" value="添加一行">

					</div> 
					<br>  
					
								<div class="panel-body">


									<table class="table">
										<thead>
											<tr>
											    <td></td>
												<td>ID</td>
												<td>标题</td>
												<td>图片</td>
												<td>内容</td>
												<td>作者</td>
												<td>新闻类型</td>
												<td>状态</td>
												<td>发布者</td>
												<td>发布时间</td>
												<td>操作</td>
											</tr>
										</thead>
									<form action="" method="post">
										<tbody>

										<?php foreach($data as $v) { 
										?>
											<tr>
											   <td><input type="checkbox" name="check[]" value="<?php echo $v['id']?>"> </td>
												<td><?php echo $v['id']?></td>
												<td class="db_edit" filed="title"><?php echo $v['title']?></td>

												<td ><img src="<?php echo empty($v['url'])?'lose.png':$v['url']; ?>" width="50" height="50" ></td>

												<td  class="db_edit" filed="content"><?php echo mb_substr($v['content'],0,25,'utf-8').'...';?></td>

												<td><?php echo $v['auther']?></td>
												<td  class="db_edit" filed="type"><?php echo $v['name']?></td>

                                                
												<td  filed="status">

                                                 <?php if($v['status']){?>

                                                 <button class="btn btn-success status" type="button" stutas="1"><i class="fa fa-check-circle"></i> </button>

                                                 <?php } else { ?>
												
												<button class="btn btn-danger status" type="button"  stutas="0"><i class="fa fa-times-circle"></i></button>		
                                                 <?php   } ?>
												
												</td> 
												<td><?php echo $v['username']?></td>

												<td><?php echo $v['create_time']?></td>

												<td>
												<a href="index.php?c=news&a=edit&admin=1&id=<?php echo $v['id']?>" class="btn btn-primary"><i class="fa lnr lnr-pencil"></i>编辑</a>
												<br>				
												<a href="index.php?c=news&a=del&admin=1&id=<?php echo $v['id']?>" onclick="return confirm('确定删除？')"  class="btn D"><i class="Danger lnr lnr-trash"></i>删除</a>
												</td>
											</tr>
										<?php } ?>
										</tbody>
										</form>
									</table>
								</div>
								
							</div>
							<!-- END BASIC TABLE -->
						</div>
						<div class="col-md-12">
							<!-- TABLE NO PADDING -->
							<div class="page-num">
                            <ul class="ppap">
                            <?php echo $pages;?>
                            </ul>
                            </div>
							</div>
							<!-- END CONDENSED TABLE -->
						</div>
					</div>
				</div>
			</div>
			<!-- END MAIN CONTENT -->
		</div>
		

	<!-- <script src="resources/assets/jquery-1.7.2.min.js" ></script> -->
	<script src="resources/assets/jquery-3.2.1.min.js" ></script>
	<script>

		$(function(){

             
			// 添加一行
			$('.add_line').click(function(){
                             var newsType = new Array();
                             $.ajax({
                             	type:'get',
                             	url:'index.php?c=cate&a=add&admin=1',
                             	dataType:'json',
                             	async:true,
                             	success:function(e){
                             		newsType=e;


                             	
                            

                             var  html="";

				                html+='<tr>';
                                html+='<td><input type="checkbox" name="check[]"> </td>';

								html+='<td></td>';
								html+='<td class="db_edit" filed="title"><input id="title" type="text"></td>';
					            html+='<td></td>';
					            /*内容*/
								html+='<td class="db_edit" filed="content">';
								html+='<input type="text" id="content"></td>';

								html+='<td><input type="text" id="auther"></td>';
								html+='<td class="type">';

                                html+='<select class="select cate_id">';
                                for(i in newsType){
                                html+='<option value="'+newsType[i].id+'">'+newsType[i].name+'</option>';
                                      }
                                html+='</select></td>'; 
                                html+='<td class="status">';
                                html+='<select id="status"><option value="1">通过</option>';
                                html+='<option value="0">未通过</option>';
                                html+='</select></td>';								
								html+='<td></td>';
								html+='<td></td>';
								html+='<td>';
								html+='<a id="save" class="save btn btn-primary">确定</a>';
								html+='<br>';
								html+='<a id="no" class="btn D"><i class="Danger lnr lnr-trash"></i>取消</a>';
								html+='</td>';
								html+='<td><input type="hidden" class="ad_se" value="1"></td>';
								html+='</tr>';

				          $('tbody').prepend(html);
				          $('.type').on('change','select',function(){
				          	// alert(0)
				          	// child($(this));




					             $(this).nextAll().remove();

								if($(this).get(0).selectedIndex==0){
									return false;
								}

	         var id = $(this).val();

	         $(this).nextAll().remove();
				    // 通过ajax获取选中类的子级数据
	              $.ajax({

	              	   type:'get',
	              	   url:'index.php?c=cate&a=add&admin=1&id='+id,
	              	   dataType:'json',
	              	   success:function(json){

	              	   	var html='';
                             html+='<select class="select cate_id">';
							/*html+='<select class="form-control select_cate" name="pid">';*/
							html+='<option value="'+id+'">上一级</option>';
						for(i in json){
							html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';
							}
							html+='</select>';
                           
							$('.type').append(html);
                        }
            
                     })
             









				          })
				       }
				   })

			});


$('tbody').on('click','#no',function(){
	window.location.reload();


})

  // 添加一行后保存
 $('tbody').on('click','.save',function(){

 	var title = $('#title').val();
 	var content = $('#content').val();
 	var auther = $('#auther').val();
 	var status = $('#status').val();
 	var cate_id = $('.cate_id :last').val();
 	var ad_se = $('.ad_se').val();
 	// alert(ad_se);
  	// alert(cate_id);

   $.ajax({
       type:'get',
	   url:'index.php?c=news&a=add&admin=1',
	   data:{
	   	  'title':title,
	   	  'content':content,
	   	  'auther': auther,
	   	  'status':status,
	   	  'cate_id':cate_id,
	   	  'ad_se':ad_se
	       },
	   // dataType:'json',
	   success:function(json){
					if(json>0){
						alert('添加成功');
						window.location.reload();
					}else{
					 alert('添加失败');

					}
	   	
       }
       

   	})




 })

  
 



			$('.all').click(function(){

              $('tbody :checkbox').prop('checked',$(this).is(':checked'));


			})
        $('.submit_btn').click(function(){
        	var i = $('select').get(0).selectedIndex;

        	if(i==0){
        		alert('你没有选择下拉的选项')
        		return false;
        	}

        	var len = $('tbody :checkbox:checked').length;

        	if(len==0){
        		alert('至少需要选中一个选项');
        		return false;
        	}
            
            var val = $('select :selected').val();
           if(val==1){
           	// alert(0)
               $('form').attr('action','index.php?c=news&a=status&admin=1');
           }else{
           	// alert(1)
               $('form').attr('action','index.php?c=news&a=del&admin=1');
           }


        	
        })



			
            // $('.status').live('click',function(){ 
           $('table').on('click','.status',function(){

           	
            	var val= $(this).attr('stutas');
 
            	if(val==0){
                   val=1;
            	}else{

                val=0;
            	}

            	var obj =$(this);
           var id = $(this).parent().parent().find('td:first').text(); 
           	$.ajax({
		       		type:'get',
		       		url:'index.php?c=news&a=status&admin=1',
		       		data:{

		       			'val':val,
		       			'id':id,
		       		},
		       		// dataType:'json',
		       		// async:turn;
					success:function(json){

						if(json>0){
                             if(val==1){
                             	// fa-check-circle
                             	// fa-times-circle
                             	obj.find('i').removeClass('fa-times-circle');
                             	obj.find('i').addClass('fa-check-circle');
                             	obj.removeClass('btn-danger');
                             	obj.addClass('btn-success');
                             	obj.attr('stutas',1);


                             }else{
                             	// fa-times-circle
                             	obj.find('i').removeClass('fa-check-circle');
                             	obj.find('i').addClass('fa-times-circle');
                             	obj.removeClass('btn-success');
                             	obj.addClass('btn-danger');
                             	obj.attr('stutas',0);
                             }

						}
                        

					}

                  





            })

   })






         

			
	      	// $('.ppap li').click(function(){

                       // alert(2);

			$('.ppap').on('click','li',function(){

		       	var url = $(this).find('a').attr('href');
		       	$.ajax({
		       		type:'get',
		       		url:url,
		       		// data{}
		       		dataType:'json',
		       		// async:turn;
					success:function(json){
			       		var html='';
			       			// alert(json[0].password);
			       		var data=json.data;
						for(i in data){
						       									
								html+='<tr>';


                                html+='<td><input type="checkbox" name="check[]"> </td>';
								html+='<td>'+data[i].id+'</td>';
								html+='<td class="db_edit" filed="title">'+data[i].title+'</td>';

                                var  img=(data[i].url=='')?'lose.png':data[i].url;

					            html+='<td><img src="'+img+'" width="50" height="50" ></td>';

								html+='<td class="db_edit" filed="content">'+data[i].content+'</td>';
								html+='<td>'+data[i].auther+'</td>';
								html+='<td class="db_edit" filed="type">'+data[i].name+'</td>';


								

								 html+='<td filed="status">';

                                  if(data[i].status==1){

                                 html+='<button class="btn btn-success status" stutas="1" type="button"><i class="fa fa-check-circle"></i> </button>';

                                 } else {
								
								html+='<button class="btn btn-danger status" stutas="0" type="button"><i class="fa fa-times-circle"></i></button>';
                                    } 
								
								html+='</td>';


								
								html+='<td>'+data[i].username+'</td>';
								html+='<td>'+data[i].create_time+'</td>';
								html+='<td>';
								html+='<a href="index.php?c=news&a=edit&admin=1&id='+data[i].id+'" class="btn btn-primary"><i class="fa lnr lnr-pencil"></i>编辑</a>';
								html+='<br>';
								html+='<a href="index.php?c=news&a=del&id='+data[i].id+'" onclick="return confirm(确定删除？)"  class="btn D"><i class="Danger lnr lnr-trash"></i>删除</a>';
								html+='</td>';
								html+='</tr>';




						}
			       		// console.log(html);
			       		$('tbody').html(html);

			       		$('.ppap').html(json.pages);

			       		dbclick();

			       	}


		       	})


		       return false;

		    })
		    dbclick();
    })




 // $('td').on('click','.btn',function(){

 //  alert(111)
 // }





 var txt="";

function dbclick(){

		  // 给可更改的内容绑定双击事件
             $('tr').on('dblclick','.db_edit',function(){

             	// alert(22);
		    // $('.db_edit').dblclick(function(){

		    	var len = $('tbody :text').length;

                // 如果len大于0，说明有input标签  
		    	if(len>0){

                    // 获取已经显示的input的val值
		    		var val=$('tbody :text').val();

		    		// alert(val);

                     // 将tbody :text的父级也就是生成的input的文本换成val里的文本
		    		$('tbody :text').parent().text(val);

		    	}

		    	var txt = $(this).text();

		    	var inp = '<input class="text" value="'+txt+'" />';

		    	$(this).html(inp);

                 // 双击后焦点事件
		    	$('tbody :text').focus();
		    	// 绑定失去焦点事件
		    	$('tbody :text').blur(function(){

					var id = $(this).parent().parent().find('td:first').text();

					var filed = $(this).parent().attr('filed');



		    		// 获取原来输入框的值
                      var val=$(this).val();
                      // 找到原来失去焦点（input）的父级 那个输入框换掉里面的文本内容
                      $(this).parent().text(val);
                 
                        if(val==txt){
                      	return false;
                      }


          

                      $.ajax({
                      	type:'post',
                      	url:'index.php?c=news&a=edit&admin=1',
                      	data:{
                      		'id':id,
                      		'val':val,
                      		'filed':filed

                      	},
                      	success:function(row){

                      		if(row>0){
                      			alert('修改成功');
                      		}else{
                                 alert('修改失败');

                      		}


                      	}





                      })



		    	})







		    })
	}

</script>